<%-- 
    Document   : Index
    Created on : Dec 7, 2013, 8:29:48 PM
    Author     : lyhoang
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
<%@page language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> 
<!--Bieu tuong phan trang-->




<div class="heading-block">
    <h1>Freatured Products</h1>
    <ul class="pagination">
        <li class="grid">
            <a href="#" title="Grid">Grid</a>
        </li>
    </ul>
</div><!--End Bieu tuong phan trang-->

<!--Freatured Products-->

<div class="feature-block">
    <ul id="mix" class="product-grid">
    <c:forEach var="p" items="${products}">
    	 <li>
    	 
            <div class="pro-img"><img title="Freature Product" alt="Freature Product" src="<c:url value="${p.linkImage}"/>" />
            
            </div>
            <div class="pro-hover-block">
                <h4 class="pro-name">${p.productname}</h4>
                <div class="link-block">
                    <a href="addtocart.do?tbidProduct=${p.idproduct}&tbQuantity=1" class="quickproLink" title="Add to Cart">Add to Cart</a>
                    <a href="productdetail.do?idproduct=${p.idproduct}" class="quickproLink" title="Detail">Product link</a>
                </div>
                <div class="pro-price">
                
                <fmt:formatNumber type="currency" currencySymbol="$" value="${p.price}"/> 
                    
                </div>
            </div>
            
        </li>
    </c:forEach>
    </ul>
</div><!--End Freatured Products-->

<div class="heading-block">
    <h1>New Product</h1>
</div>

<!--New Product-->
<div class="new-product-block">
    <ul class="product-grid">
    <c:forEach var="p" items="${products}">
    	
    	<li>
            <div class="pro-img">
                <img title="Freature Product" alt="Freature Product" src="<c:url value="${p.linkImage}" />" />
            </div>

            <div class="pro-content">
                <p>
                    ${p.productname}
                </p>
            </div>
            <div class="pro-price">
               <fmt:formatNumber type="currency" currencySymbol="$" value="${p.price}"/> 
            </div>
            <div class="pro-btn-block">
                <a class="add-cart left" href="addtocart.do?tbidProduct=${p.idproduct}&tbQuantity=1" title="Add to Cart">Add to Cart</a>
                <a class="add-cart right " href="productdetail.do?idproduct=${p.idproduct}" >Quick View</a>
            </div>
            <div class="pro-link-block">
                <a class="add-wishlist left" href="#" title="Add to wishlist">Add to wishlist</a>
                <a class="add-compare right" href="#" title="Add to Compare">Add to Compare</a>
                <div class="clearfix"></div>
            </div>
        </li>
    </c:forEach>
        
        
    </ul>
</div><!--End New Product-->
